<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>外边距问题</title>
		<style>
			/*使用问题3：垂直外边距  parent与child中间外边距值是？
			             以最大数值为准【涉及规则】
						 推荐：平行元素--通过边框查看是否存在垂直外边距，存在去掉一个外边距
						       
						建议：内边距撑大！  
								  
			  使用问题4：垂直外边距，html child  div元素收入（parent） div
			                                 css：#child 宽高 100px
											#child以及parent margin-top：300px
					建议：嵌套元素--通过设置父级透明度边框，子元素嵌套父元素
			*/
		   #parent{
			   border: 1px solid transparent;
			   width: 300px;
			   height: 300px;
			   background: skyblue;
			   margin-top:100px ;
		   }
		   #child{
			   width: 100px;
			   height: 100px;
			   background: green;
			   margin-top: 100px;
		   }
		</style>
	</head>
	<body>
		<div id="parent">
			<div id="chi ld"></div>
			<img src="img/f3ca41_10_Sunshine_4k.jpg" width="100px" height="100px"   alt="" />
		</div>
	</body>
</html>